<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>权限选择</title>
		<style type="text/css">
			*{
				margin: 0;
				top: 0;
			}
			.aa{
				display: flex;
				margin: 20px;
				height: 150px;
			}
			#selNum1{
				display: flex;
				flex-direction: column;
			}
			#cenb{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		</style>
	</head>
	<body>
		<div class="aa">
			<select name="" id="selNum1" multiple="multiple">
				<option value ="1">添加</option>
				<option value ="2">修改</option>
				<option value ="3">删除</option>
				<option value ="4">保存</option>
				<option value ="5">打印</option>
			</select>
			
			<div id="cenb">
				<input type="button" name="" id="one" value=">>" />
				<input type="button" name="" id="two" value=">" />
				<input type="button" name="" id="three" value="<" />
				<input type="button" name="" id="four" value="<<" />
			</div>
			
			<select name="" id="selNum2" multiple="multiple">
				
			</select>
		</div>
		
		<script src="js/权限选择.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
